<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>
            <ui:insert name="title" />
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="shca-default.css" />
        <h:outputStylesheet library="css" name="shca-iu-primefaces.css" />
        <h:outputStylesheet library="css" name="shca-iu.css" />
        <h:outputStylesheet library="css" name="shca-font.css" />
        <h:outputStylesheet library="css" name="shca-iu-table.css" />
        <h:outputStylesheet library="css" name="shca-iu-img.css" />
        <h:outputStylesheet library="css" name="shca-iu-list.css" />
        <h:outputStylesheet library="css" name="shca-efects.css" />
        <h:outputStylesheet library="css" name="shca-iu-button.css" />
        <h:outputStylesheet library="css" name="shca-iu-input.css" />
        <h:outputStylesheet library="css" name="shca-iu-link.css" />
        <h:outputStylesheet library="css" name="shca-text.css" />
    </h:head>
    <h:body>
        <div id="index-body">              
            <!--cabecera-->		
            <div  id="index-head">

                <div id="index-tools-head">
                    <div style="margin-top: 5px">
                        <h:outputFormat style="font-size: 15px" value="Bienvenido(a) {0} {1}, {2}">
                            <f:param value="paterno"/>
                            <f:param value="materno"/>
                            <f:param value="nombre"/>
                        </h:outputFormat>
                    </div>
                    <div style="float: right">
                        <h:form>
                            <div class="button-list">
                                <ul>
                                    <li>
                                        <p:commandLink value="Cerrar sesi&oacute;n" action="#{ct.accion}" styleClass="button-list"/>
                                    </li>
                                </ul>
                            </div>
                        </h:form>
                    </div>
                </div>
            </div>          
            <div  id="index-separator" >
                <br/>
            </div>
            <!--contenido-->
            <div id="index-content">
                <ui:insert name="content"></ui:insert>
            </div> 
            <!--pie-->		
            <div id="index-foot">
                <br/>
            </div>
        </div>
        <p:idleMonitor onactive="sessionTimeOutDialog.show();" timeout="#{session.maxInactiveInterval*1000}" />
        <p:dialog header="#{msg['error.sessionTimeOut.header']}" widgetVar="sessionTimeOutDialog"
                  modal="true" position="center" closable="false" width="400" visible="false">
            <h:panelGrid columns="1">
                <h:outputText value="#{msg['error.sessionTimeOut.text']}" />
                <h:outputLink value="#{facesContext.externalContext.requestContextPath}/faces/index.xhtml" >#{msg['error.sessionTimeOut.button']}</h:outputLink>
            </h:panelGrid> 
        </p:dialog>
        <h:outputScript library="js" name="shca.js"></h:outputScript>
    </h:body>
</html>
